<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/css/admin/base.css}">
    <style>
       .loginContainer{
           position: absolute;
           left: 50%;
           top: 50%;
           transform: translate(-50%,-50%);
           width:400px;
           height: 330px;
           border-color: #c7dbd2;
           box-shadow: 4px 6px 22px #cbccce;
           border-style: solid;
           border-radius: 10px;
           padding: 10px 50px;
           display: flex;
           flex-direction: column;
           justify-content: space-around;
       }
       .loginContainer input{
           width: 100%;
           height: 40px;
       }

       .loginContainer input:focus{
           outline-color:#3dd5f3;
       }


       .loginContainer h3{
           text-align: center;
       }

       .loginContainer input[type=submit]{
           background-color:#0a58ca;
           border:1px solid #0a58ca;
           color : white;
           cursor: pointer;
           border-radius: 5px;
       }

    </style>
</head>
<body>
<div th:replace="commons/header::header"></div>
<form action="/admin/admin/login" method="post">
    <div class="loginContainer">
        <h3>系统后台登录</h3>
        <input type="emial" placeholder="email" name="email">
        <input type="password" placeholder="密码" name="pwd">
        <input type="submit" value="登录">
    </div>
</form>
</body>
</html>